<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

	<title>查看物流</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.head{
			height: 90px;
			background: #ffffff;
			padding: 10px 0 0 20px;
		}
		.head>img{
			float: left;
			width: 80px;
			height: 80px;
		}
		.head>.list{
			float: left;
			margin-left: 20px;
		}
		.head>.list p{
			font-size: 14px;
			color: #b0b0b0;
		}
		.head>.list p:nth-child(1){
			color: #000000;
			font-size: 16px;
		}
		.head>.list p:nth-child(1) span{
			color: #ff3b43;
			padding-left: 10px;
		}
		.person{
			height: 65px;
			background: #ffffff ;
			border-top: 15px solid #E6E6E6;
			padding: 15px 0 0 20px;
			border-bottom: 15px solid #E6E6E6;
		}
		.person>div{
			float: left;
		}
		.person>div.img{
			width: 50px;
			height: 50px;
			border: 1px solid #E6E6E6;
			border-radius: 50%;
			background: url(../../img/my.png) 0% center no-repeat;
			background-size: contain;
		}
		.person .name{
			padding-left: 20px;
			padding-top: 5px;
		}
		.person .name p{
			font-size: 16px;
			color: #b0b0b0;
		}
		.detail .itemlist{
			position: relative;
			min-height: 70px;
			background: #ffffff;
			padding: 10px 0;
			padding-left: 20%;
			padding-right: 10px;
		}
		.detail .itemlist .upline{
			position: absolute;
			width: 80%;
			height: 1px;
			background: #E1E1E1;
			bottom: 0;
			right: 0;
		}
		.detail .itemlist .leftline{
			position: absolute;
			width: 1px;
			height: 100%;
			background: #E1E1E1;
			bottom: 0;
			left: 15%;
		}
		.detail .itemlist .point{
			position: absolute;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background: #E1E1E1;
			top: 28%;
		}
		.detail .itemlist .where{
			color: #717171;
		}
		.detail .itemlist .time{
			color: #717171;
			font-size: 14px;
			margin-top: 5px;
		}

		.detail .already .leftline{
			position: absolute;
			width: 1px;
			height: 70%;
			background: #E1E1E1;
			bottom: 0;
			left: 15%;
		}
		.detail .already .point{
			background: #ff3b43;
			border: 4px solid #ffb6b9;
			position: absolute;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			top: 28%;
		}

		.detail .begin .leftline{
			position: absolute;
			width: 1px;
			height: 30%;
			background: #E1E1E1;
			bottom: 70%;
			left: 15%;
		}
	</style>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="js/indent/logistic.js"></script>
</head>
<body>
<jsp:include page="/public.jsp"/>
<input type="hidden" id="indentnum" value="<%=request.getParameter("indentnum")%>"/>
<div class="head">
	<img src="img/timg.jpg" id="shopimg" onerror="imgerror(this, 'img/timg.jpg')" alt="" />
	<div class="list">
		<p>物流状态<span id="state"></span></p>
		<p>承运来源：<span id="ShipperName"></span></p>
		<p>运单编号：<span id="logisticsnum"></span></p>
		<%--<p>官方电话：<span>123456</span></p>--%>
	</div>
</div>
<%--<div class="person">--%>
	<%--<div class="img"></div>--%>
	<%--<div class="name">--%>
		<%--<p>派件员：<span>对对对</span></p>--%>
		<%--<p>电话：<span>123456</span></p>--%>
	<%--</div>--%>
<%--</div>--%>
<div class="detail" id="logisticinfo">
	<%--<div class="itemlist already">--%>
		<%--<div class="upline"></div>--%>
		<%--<div class="leftline"></div>--%>
		<%--<div class="point"></div>--%>
		<%--<p class="where">【重庆市】废旧塑料就分手</p>--%>
		<%--<p class="time">2016 01-01 15:00</p>--%>
	<%--</div>--%>
	<%--<div class="itemlist">--%>
		<%--<div class="upline"></div>--%>
		<%--<div class="leftline"></div>--%>
		<%--<div class="point"></div>--%>
		<%--<p class="where">【重庆市】废旧塑料就分手了江东父老上课等级分类啥快递尖峰时刻</p>--%>
		<%--<p class="time">2016 01-01 15:00</p>--%>
	<%--</div>--%>
	<%--<div class="itemlist begin">--%>
		<%--<div class="upline"></div>--%>
		<%--<div class="leftline"></div>--%>
		<%--<div class="point"></div>--%>
		<%--<p class="where">【重庆市】废旧塑料就分手了江东父老上课等级分类啥快递尖峰时刻</p>--%>
		<%--<p class="time">2016 01-01 15:00</p>--%>
	<%--</div>--%>
</div>
<script type="text/javascript">
    $(function(){
        $(".itemlist .point").css({
            "left":$(".detail .itemlist .leftline").css("left").replace("px","")-7.5+"px"
        })
        $(".already .point").css({
            "left":$(".detail .itemlist .leftline").css("left").replace("px","")-14+"px"
        })
        $(window).resize(function(){
            $(".itemlist .point").css({
                "left":$(".detail .itemlist .leftline").css("left").replace("px","")-7.5+"px"
            })
            $(".already .point").css({
                "left":$(".detail .itemlist .leftline").css("left").replace("px","")-14+"px"
            })
        })
    })
</script>
</body>
</html>